<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>商品列表</title>
</head>

<body>
  <h1>商品列表</h1>
  <ul>
    {% for product in page_obj %}
    <li>
      <a href="{% url 'product_detail' product.id %}">{{ product.name }}</a> - {{ product.price }}元
    </li>
    {% endfor %}
  </ul>

  <div class="pagination">
    <span class="step-links">
      {% if page_obj.has_previous %}
      <a href="?page=1">&laquo; 第一页</a>
      <a href="?page={{ page_obj.previous_page_number }}">上一页</a>
      {% endif %}

      <span class="current">
        第 {{ page_obj.number }} 页，共 {{ page_obj.paginator.num_pages }} 页
      </span>

      {% if page_obj.has_next %}
      <a href="?page={{ page_obj.next_page_number }}">下一页</a>
      <a href="?page={{ page_obj.paginator.num_pages }}">最后一页 &raquo;</a>
      {% endif %}
    </span>
  </div>

  <p><a href="{% url 'cart_view' %}">查看购物车</a></p>
  <p><a href="{% url 'manage_products' %}">商品管理</a></p>
</body>

</html>